<nz-modal [(nzVisible)]="Visible" nzWidth="800" [nzTitle]="popTitle" (nzOnCancel)="Cancel()" (nzOnOk)="Ok()">
    <nz-tabset #devInfo [(nzSelectedIndex)]="equipmentinfoIndex">
        <nz-tab nzTitle="设备信息">
            <nz-table nzBordered [nzData]="emptydata" [nzShowPagination]="false" [nzWidthConfig]="['90px','90px','']">
                <tr>
                    <td>双数设备</td>
                    <td>
                        <div><button (click)="checkeqlist('1','all')" nz-button nzType="primary" nzGhost>全选</button>
                        </div>
                        <div style="padding:5px 0"><button (click)="checkeqlist('1','clear')" nz-button nzType="primary"
                                nzGhost>清除</button></div>
                        <div><button (click)="checkeqlist('1','unall')" nz-button nzType="primary" nzGhost>反选</button>
                        </div>
                    </td>
                    <td>
                        <label nz-col nz-checkbox [(ngModel)]="data.opCheck"
                            *ngFor="let data of equipmentlist1;">{{data.opName}}</label>
                    </td>
                </tr>
                <tr>
                    <td>单数设备</td>
                    <td>
                        <div><button (click)="checkeqlist('2','all')" nz-button nzType="primary" nzGhost>全选</button>
                        </div>
                        <div style="padding:5px 0"><button (click)="checkeqlist('2','clear')" nz-button nzType="primary"
                                nzGhost>清除</button></div>
                        <div><button (click)="checkeqlist('2','unall')" nz-button nzType="primary" nzGhost>反选</button>
                        </div>
                    </td>
                    <td>
                        <label nz-col nz-checkbox [(ngModel)]="data.opCheck"
                            *ngFor="let data of equipmentlist2;">{{data.opName}}</label>
                    </td>
                </tr>
                <tr>
                    <td>其他设备</td>
                    <td>
                        <div><button (click)="checkeqlist('3','all')" nz-button nzType="primary" nzGhost>全选</button>
                        </div>
                        <div style="padding:5px 0"><button (click)="checkeqlist('3','clear')" nz-button nzType="primary"
                                nzGhost>清除</button></div>
                        <div><button (click)="checkeqlist('3','unall')" nz-button nzType="primary" nzGhost>反选</button>
                        </div>
                    </td>
                    <td>
                        <label nz-col nz-checkbox [(ngModel)]="data.opCheck"
                            *ngFor="let data of equipmentlist3;">{{data.opName}}</label>
                    </td>
                </tr>
            </nz-table>
        </nz-tab>
        <nz-tab nzTitle="设备分组">
            <nz-table #devGroup [nzData]="emptydata" [nzShowPagination]="false" [nzWidthConfig]="['90px','']">
                <tr>
                    <td>设备分组</td>
                    <td>
                        <label nz-col nz-checkbox (click)="groupDevNamesChange(data)" [title]="data.devnames"
                            [(ngModel)]="data.opCheck" *ngFor="let data of equipmentlist4;">{{data.groupname}}</label>
                    </td>
                </tr>
            </nz-table>
            <div style="padding:10px">
                <label nz-col nz-checkbox [(ngModel)]="item.opCheck"
                    *ngFor="let item of groupDevNames">{{item.devname}}</label>
            </div>
        </nz-tab>
    </nz-tabset>
</nz-modal>